{#<h3 class="page-title">{{ heading_title }}</h3>#}
<h3 class="page-title">BESTSELLERS</h3>
<div class="row home-content-box">
 {% for product in products %}
  <div class="product-layout col-lg-4 col-md-4 col-sm-12 col-xs-12">
    <div class="product-thumb transition">
      <div class="image"><a href="{{ product.href }}"><img style="width: 100%;" src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div>
      <div class="caption">
        <h4 class="caption-title"><a href="{{ product.href }}">{{ product.name }}</a></h4>
        {#<p>{{ product.description }}</p>#}
        {#{% if product.rating %}#}
        {#<div class="rating">#}
          {#{% for i in 5 %}#}
          {#{% if product.rating < i %}#}
          {#<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>#}
          {#{% else %}#}
          {#<span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>#}
          {#{% endif %}#}
          {#{% endfor %}#}
        {#</div>#}
        {#{% endif %}#}
        {% if product.price %}
        <div class="price">
          {% if not product.special %}
            <div class="no-special">{{ product.price }}</div>
          {% else %}
            <div class="text-center"><span class="price-old">{{ product.price }}</span><span class="price-new">{{ product.special }}</span></div>
            <div class="price-tax text-center">Save Off: {{ product.saveoff }}%</div>
          {% endif %}
          {% if product.tax %}
          {#<span class="price-tax">{{ text_tax }} {{ product.tax }}</span>#}
          {% endif %}
        </div>
        {% endif %}
      </div>
      {#<div class="button-group">#}
        {#<button type="button" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>#}
        {#<button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>#}
        {#<button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button>#}
      {#</div>#}
    </div>
  </div>
  {% endfor %}
</div>
